/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Fuentes
   ========================================================================== */

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fuentes/SourceSansPro-Regular-webfont.eot');
    src: url('../fuentes/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src: url('../fuentes/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('../fuentes/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fuentes/SourceSansPro-Semibold-webfont.eot');
    src: url('../fuentes/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProLight';
    src: url('../fuentes/SourceSansPro-Light-webfont.eot');
    src: url('../fuentes/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-Light-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('../fuentes/SourceSansPro-ExtraLight-webfont.eot');
    src: url('../fuentes/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fuentes/SourceSansPro-Semibold-webfont.eot');
    src: url('../fuentes/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProBlack';
    src: url('../fuentes/SourceSansPro-Black-webfont.eot');
    src: url('../fuentes/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/SourceSansPro-Black-webfont.woff') format('woff'),
         url('../fuentes/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('../fuentes/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: helvetica, arial, sans-serif;
  line-height: 1.4;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
  background-image: url("../img/web/background.png");
  background-repeat: repeat;
}



/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a{text-decoration: none;}
a:focus {outline: thin dotted;}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
  margin:0;
  font-size: 1.5em;
  font-weight: normal;
  color: #FFF;
}

h2 {
    font-size: 1em;
    margin: 0.83em 0;
}

h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  color: #FFF;
  padding: .4em;

}

h4 {
    font-size: 1em;
    margin: 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b{color:#d42b33;}
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
    max-width: 100% !important;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * Change the behavior of the browser in calculating the width of an element.
 */

label {
   font-size: .9em;
   font-style: italic;
   color:#FFF;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*! jQuery UI - v1.9.0 - 2012-10-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 0; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 1em 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none;}
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* Component containers
----------------------------------*/
.ui-widget {  font-size: .8em;}
.ui-widget label { font-size: 1em;}
.ui-widget .ui-widget { font-size: 1em; }
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }*/
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../img/smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; padding-bottom: 1em; text-decoration: none; }
.ui-widget-content li { padding-bottom: .3em; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/smoothness/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; font-size: 1em}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus , .ui-widget-content li:hover {
  border: 1px solid #CCCCCC; background: #dadada url(../img/smoothness/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }



/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../img/smoothness/ui-icons_222222_256x240.png); }
/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }


/* ===== primary styles =====================================================

   Author: Mario Jerez ************************

   ========================================================================== */

/* Sombra texto para IE 9, 8 , 7*/
.ui-text-shadow, .ui-text-shadow-original {
  position: relative;
}
.ui-text-shadow-original {
  z-index: 1;
  text-shadow: none;
}
.ui-text-shadow-copy {
  position: absolute;
  z-index: 0;

  line-height: 110.74235%; /* fixes #9 */

  /* default positioning */
  left: 0;
  top: 0;
  zoom: 1; /* fixes #8 in IE7 and below */

  /* turn off shadow */
  text-shadow: none;

  /* turn off selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}


/*.item {
  margin: 0 2px 15px;
  padding: .5em;
  border: 2px solid #FAFAFA;
  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  background: #FEFEFE;
}*/

/* SPRITES */
.sprite {background:url(../img/web/sprite.png);}
.logo {width:180px; height:96px; background-position:0 0;}
.socialfacebook {width:45px; height:36px; background-position:0 -96px;}
.socialtwitter {width:45px; height:36px; background-position:-45px -96px;}
.socialgoogleplus {width:45px; height:36px; background-position:-90px -96px;}
.socialrss {width:45px; height:36px; background-position:-135px -96px;}

/* SOMBRAS Y DEGRADADOS */
.shadow {
  box-shadow: 6px 0 20px  -4px #888 , -6px 0 20px  -4px #888;
  -moz-box-shadow: 6px 0 20px  -4px #888, -6px 0 20px  -4px #888;
  -webkit-box-shadow: 6px 0 20px  -4px #888, -6px 0 20px  -4px #888;
}
.gradient {
  background: rgb(131,131,131); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(131,131,131,1) 0%, rgba(112,112,112,1) 49%, rgba(94,94,94,1) 50%, rgba(120,120,120,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,131,131,1)), color-stop(49%,rgba(112,112,112,1)), color-stop(50%,rgba(94,94,94,1)), color-stop(100%,rgba(120,120,120,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(131,131,131,1) 0%,rgba(112,112,112,1) 49%,rgba(94,94,94,1) 50%,rgba(120,120,120,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(131,131,131,1) 0%,rgba(112,112,112,1) 49%,rgba(94,94,94,1) 50%,rgba(120,120,120,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(131,131,131,1) 0%,rgba(112,112,112,1) 49%,rgba(94,94,94,1) 50%,rgba(120,120,120,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(131,131,131,1) 0%,rgba(112,112,112,1) 49%,rgba(94,94,94,1) 50%,rgba(120,120,120,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#787878',GradientType=0 ); /* IE6-9 */
}

/* ESTRUCTURA PRINCIPAL */
#main-wrap {
  margin:0 auto;
  width: 80%;
  max-width: 960px;
  background-color: #fff;
  overflow: auto;
}
#left-wrap, #right-wrap {
  margin-top: 1.8em;
  overflow: auto;
}
#left-wrap {
  float: left;
  width: 65.75%;
  padding-left: 1.5%;
}
#right-wrap {
  width: 34.25%;
  padding:0 1.7% 0 2%;
}

/* CABECERA */
#header-wrap  {
  background-image: url(../img/web/cabecera_bg.png) ;
  background-position:50% 50%;
  background-repeat:no-repeat;
  display:block;
  height:17em;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  background-size:cover;
  border-bottom: 1px solid #FFF;
}
.header-content  {
  float: left;
  width: 67.7%;
  *width: 65%;
  padding: 1% 0 0 1.8%;
}
.header-content h1 {
  padding-top: .2em;
}
.header-content p {
  margin: 0;
  padding-bottom: 1em;
  width: 90%;
  font-size: .8em;
  color: #FFF;
}
/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:0; width:11.25em; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:2.8125em; height:2.25em; padding-right:0; position:relative; text-decoration:none; }
.social li a strong {font-size: .8em; font-weight:normal; position:absolute; left:2em; top:-2em; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 ;
}


#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-2.1em; }


.nav-content {
  float: left;
  position: relative;
  width: 32.3%;
  *width: 30.3%;
  padding: 2% 2% 0 0;
}


#buscador input {
  width:101.3%;
  font-size: .9em;
  background: #FFF url(../img/web/buscar-franquicia.png) right;
  background-repeat: no-repeat;
  padding: .3em ;
  z-index: 5;
}

#accordion {
  margin-top: 1.8em;
  position: absolute;
  width: 95%;
  z-index: 1;
}
#accordion label {
font-size: 1.1em;

}

/* MENU */
.default {
    margin:0 auto;
    width: 100%;
    max-width: 960px;
    box-shadow: 0 0.3125em 1.25em #888;
    -webkit-box-shadow: 0 0.3125em 1.25em #888;
    -moz-box-shadow: 0 0.3125em 1.25em #888;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 2.5em #222;
    -webkit-box-shadow: 0 0 2.5em #222;
    -moz-box-shadow: 0 0 2.5em #222;
}
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu {
    font-size: .75em;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}
#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu {
    zoom:1;
}
#menu li {
    float: left;
    width: 20%;
    *width: 19.75%;
    border-right:1px solid #5d5d5d;
    border-left:1px solid #929292;
    border-bottom:1px solid #575757;
    border-top:1px solid #797979;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
}
#menu a {
    float: left;
    width: 100%;
    padding: .8em 0;
    *padding: .96em 0;
    color: #CCC;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
    color: #fafafa;
    background: #df2a32;
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.5s, 0.5s;
}
*html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}
#menu ul {
    width:100%;
    margin-top: 2em;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 3em;
    top: 2.8em\9;/*Para todos los IE*/
    left: 0;
    z-index: 1;
    background: #777;
    background: -moz-linear-gradient(#777, #444);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
    background: -webkit-linear-gradient(#777, #444);
    background: -o-linear-gradient(#777, #444);
    background: -ms-linear-gradient(#777, #444);
    background: linear-gradient(#777, #444);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    width: 20.7em;
    top: .5em;
    left: 100%;
    margin: 0 0 0 1.25em;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
    float: none;
    display: block;
    width: 100%;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu ul a {
    padding: .9em;
    text-align: left;
    width: 100%;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
#menu ul a:hover {
    background-color: #df2a32;
    width: 100%;
}
#menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#menu ul ul li a {
    padding:.4em 1.5em;
}
/* Mobile */
#menu-trigger {
    display: none;
}




/* PRINCIPAL */
#logoParade
{
  margin: 0 2px 0 2px;
  height: 100px;
  border: 2px solid #FAFAFA;
  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  background: #FEFEFE;
  z-index: 0;

}
#logoParade div.scrollableArea a
{
  display: block;
  float: left;
  padding-left: 50px;
}
/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/* tooltip styling. by default the element to be styled is .tooltip  */
/*  .tooltip {
	display:none;
	background:transparent url(../img/web/tooltip.png);
	height:70px;
	width:160px;
	padding:25px;
	color:#eee;
}*/



#actualidad {
  margin-top: 1.5em;
  background-color: white;
}
#actualidad h3 {
  font-size: .9em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border:none;  background-color: #C5252E;
}
#actualidad article {
  clear:both;
  margin:1em auto;
  border-bottom:1px dotted #ccc;
  overflow:auto;width:99%;
}
#actualidad a {
  color:#444;
}
#actualidad .categoria {
  margin:0; padding:0;
  font-size:.75em;
  color:#b5243e;
}
#actualidad .descripcion {

  font-size: .8em;
  margin:0; padding:.7em 0 1.2em 0;
}

#actualidad .imgcontainer {float: left; width: 15.625em; height: 8.75em; margin: .8em 1em 1em 0; overflow: hidden; }
#actualidad .imgcontainer img { width: 100%; }

#banner {
  margin: 0 auto;
  max-width:38em;
  max-height: 6.25em;
  overflow: hidden;
}
#banner img {
  width: 100%;
}




/* margen derecho */






/*#leido {
	margin-top: 2em;
	background-color:#e4e4e4;
}*/


#cart {
	margin-top: 1.5em;
    background-color: #da2932;
    color:#FFF;
    overflow: auto;
}
#cart h3 {
	font-size:.9em;
	padding:1em;
}
#cart img {
	float:left;
	padding:.1em;
}
#cart p {
	font-size:1em;
	padding:0;
}

#destacados {
	background-color:#F8F8F8;
	border:1px solid #d2d2d2;
}
#destacados ul {
	padding:1.2em 0 1.2em 2.2em;
}
#destacados li {
	padding-bottom:.3em;
}

.consultoria {
	margin-top: 1.5em;
}
/*
#multimedia {
	margin-top: 1.5em;
}
*/
footer { clear: both;
    margin:20em 0 1px 0;
	height:10em;
	color:#fff;
	background-color: #555;
}



/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  #main-wrap {
    width: 92%;
  }
  #login {
    background-color: green;
  }

  #bienvenida img {
   max-width: 235px;
   min-width: 235px;
  }
        #menu {
            display: block !important;
        }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 767px) {
  #main-wrap {
    width: 100%;
  }
  .nav-content {
    display:none;
  }
  .header-content  {
    width: 100%;
    padding: 1% 0 0 1.8%; border:1px solid yellow;
  }
  #left-wap {
    width: 100%;
    padding: 0 2%;
      border:1px solid orange;
  }


        /* nav-wrap */
        #menu-wrap {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        /* menu icon */
        #menu-trigger {
            display: block; /* show menu icon */
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            padding: 0 0 0 35px;
            border: 1px solid #222;
            color: #fafafa;
            font-weight: bold;
            background-color: #111;
            background: url("img/web/menu.png") no-repeat 10px center, -webkit-linear-gradient(#444, #111);
            -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            z-index: 1;
        }
        /* main nav */
        #menu {
            margin: 0; padding: 10px;
            position: relative;
            top: 0;
            width: 100%;
            z-index: 1;
            background: #444;
            display: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        #menu:after {
            content: '';
            position: relative;
            left: 25px;
            top: -8px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #444;
        }
        #menu ul {
            position: static;
            visibility: visible;
            opacity: 1;
            margin: 0;
            background: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        #menu ul ul {
            margin: 0 0 0 20px !important;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        #menu li {
            position: static;
            display: block;
            float: none;
            width: 60%;
            border: 0;
            margin: 5px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        #menu ul li{
            margin-left: 20px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        #menu a{
            display: block;
            float: none;
            padding: 0;
            text-align: left;
            color: #FFF;
        }
        #menu a:hover{
            color: #fafafa;
        }
        #menu ul a{
            padding: 0;
            width: auto;
        }
        #menu ul a:hover{
            background: none;
        }
        #menu ul li:first-child a:after,
        #menu ul ul li:first-child a:after {
            border: 0;
        }
}

/* iPad */
.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
}
#menu li:hover > .no-transition {
    display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}